<template>
  <ul class="title-nav">
    <li>
      <span>📮</span>
      <span>
        联系我
      </span>
    </li>
    <li class="fen">|</li>
    <li>
      <span>📰</span>
      <span>新闻中心</span>
    </li>
    <li class="fen">|</li>
    <li>
      <span>💰</span>
      <span>投资我</span>
    </li>
    <li class="fen">|</li>
    <li></li>
    <li class="fen">|</li>
    <li>
      <span>🔎</span>
    </li>
  </ul>

</template>
<script setup lang="ts">

</script>
<style scoped>
  .title-nav {
    height: 44px;
    list-style: none;
    display: flex;
    margin: 0 auto;

    justify-content: space-between;
    align-items: center;

    border-bottom: 2px solid #f0f0f0;

    .fen {
      opacity: 0.2;
    }

    li {
      line-height: 44px;
      display: block;
      cursor: pointer;
      user-select: none;

      span {
        padding: 0 2px;
      }
    }
  }
</style>
